<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="zh">
<!--系统管理 菜单-->
<!-- Section - Bootstrap Brain Component -->
<section class="pb-3 pb-md-4 pb-xl-5 bg-light" th:fragment="MenuManages">
    <div class="container">

        <div class="card-body p-1">
            <div class="card widget-card border-light shadow-sm">
                <div class="card-body p-1">
                    <div class="table-responsive">
                        <table class="table table-borderless bsb-table-xl text-nowrap align-middle m-0">
                            <thead>
                            <tr>
                                <th scope="col">序号</th>
                                <th scope="col">菜单名称</th>
                                <th scope="col">标识</th>
                                <th scope="col">图标</th>
                                <th scope="col">操作</th>
                            </tr>
                            </thead>
                            <tbody th:if="${not #lists.isEmpty(menuList)}" th:each="childItem : ${menuList}">

                            <tr>
                                <th scope="row" th:text="${childItem.id}"></th>
                                <td th:text="${childItem.name}"></td>
                                <td th:text="${childItem.menuMarks}"></td>
                                <td>
                                    <div class="nav-link-icon text-primary">
                                        <i th:class="${childItem.menuIcon}"></i>
                                    </div>
                                </td>
                                <td>
                                    <div class="d-inline-flex gap-1 m-0">
                                        <a th:href="@{menuEdit(id=${childItem.id})}" class="link-primary link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover">编辑</a>
                                        <a th:href="@{menuDel(id=${childItem.id})}" class="link-danger link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover">删除</a>
                                    </div>
                                </td>
                            </tr>

                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

        <nav aria-label="Page navigation example">
            <ul class="pagination">
                <li class="page-item"><a class="page-link" href="#">Previous</a></li>
                <li class="page-item"><a class="page-link" href="#">1</a></li>
                <li class="page-item"><a class="page-link" href="#">2</a></li>
                <li class="page-item"><a class="page-link" href="#">3</a></li>
                <li class="page-item"><a class="page-link" href="#">Next</a></li>
            </ul>
        </nav>

    </div>
</section>

</html>